@charset "utf-8";
*{padding: 0px;margin: 0px;font-size: 12px;}
a{outline: none;text-decoration: none;}
img{border: none;}
.fr{float: right;}

#header{
    width: 100%;height: 100px;background: #FFFFFF;
    .top{
        width: 990px;height: 90px;padding-top: 10px;margin: 0 auto;
        .logo{
            width: 190px;height: 80px;float: left;
            a{
                img{width: 190px;height: 80px;}
            }
        }
        h2{float: left;line-height: 40px;height: 40px;color: #B3B3B3;margin: 20px;padding-left: 20px;border-left: 1px solid #B3B3B3;font-size: 18px;font-weight: normal;font-family: "微软雅黑";}
    }
}
#middle{
    width: 100%;padding:50px  0px;background: #F3F3F3;height: 500px;
    .reg{
        width: 970px;margin: 0px auto;border: 1px solid #D9D9D9;box-shadow: 0px 0px 4px 1px #D9D9D9;min-height: 480px;padding: 0px 10px 50px;background:#FFFFFF;
        .title{
           height: 56px;line-height: 56px;border-bottom: 1px solid #EDEDED;padding: 0px 38px 0px 20px;
           p{font-size: 16px;float: left;span{color: #F40;font-size: 16px;}}
           b{float: right;font-weight: 400;color: #6C6C6C;a{color: #FF4200;}}
        }
        .form{
            padding-top: 10px;float: left;width: 680px;overflow: hidden;
            .line{
                position: relative;clear: both;
                .name{width: 115px;line-height: 40px;float: left;text-align: right;margin-top: 20px;font-size: 14px;}
                input{width: 248px;height: 32px;overflow: hidden;border: 1px solid #E0E0E0;margin-top: 20px;font-size: 14px;border-radius: 3px;padding: 3px;float: left;margin-right: 5px;}
                input[name='code']{width: 98px;height: 32px;border: 1px solid #E0E0E0;margin-top: 20px;font-size: 14px;border-radius: 3px;padding: 3px;float: left;margin-right: 5px;}
                a{
                  margin-top: 20px;float: left;width: 170px;height: 40px; line-height: 40px;
                  img{width:120px;height:40px;display: block;float: left;margin-right: 5px;} 
                }
                a:hover{color: #FF4200;}
                .msg{background:#FFEBEC;border: 1px solid #FFBDBF;color: #F00;padding: 3px 10px;width: 248px;height: 32px;overflow: hidden;margin-top: 20px;font-size: 12px;border-radius: 3px;padding: 3px;float: left;margin-right: 5px;display: none;}
            }
            .xy{
                padding-left: 120px;margin-top: 20px;height: 15px;line-height: 15px;float: left;width: 100%;position: relative;
                [type='checkbox']{margin-right: 5px;}
                a{color: #3C3C3C;text-decoration: underline;}
                a:hover{color: #FF4400;}
            }
            .submit{
                margin-left: 120px;margin-top: 25px;width: 270px;float: left;
                [type='submit']{width: 270px;height: 30px;background: #FF3801;color: #FFFFFF;border:none;border-radius: 3px;}
                [type='submit']:hover{background-color: #F22800;}
            }
        }
    }
}
#bottom{
    width: 100%;height: 100px;background: #FFFFFF;
    .link{
        width: 990px;height: 100px;margin: 0 auto;
        p{
            text-align: center;padding: 20px 0px;line-height: 25px;color: #9C9C9C;
            a{color: #6C6C6C;display:inline-block;padding: 0px 5px;}
            a:hover{color: #FF4400;}
        }
    }
}
#login{
    width: 100%;height: 600px;background: url(../../Index/img/login_bg.jpg) no-repeat -245px 0px;
    .login_box{
        width: 990px;padding-top: 50px;margin: 0 auto;
        .login_form{
            width: 400px;border-radius: 3px;background: none repeat scroll 0% 0% #FFF;opacity: 0.95;float: right;color: #6C6C6C;
            h3{height: 54px;line-height: 54px;border-bottom: 1px solid #EDEDED;margin: 0px 10px;padding-left: 20px;font-size: 16px;font-weight: normal;font-family: "微软雅黑";}
            #form{
                padding: 0px 50px;margin-top: 5px;
                p{
                    position: relative;word-wrap: break-word;color: #6C6C6C;
                    [type='password'],[type='text']{width: 261px;height: 32px;border: 1px solid #E0E0E0;margin-top: 25px;font-size: 14px;border-radius: 3px;padding: 3px 3px 3px 32px;color: #666;;}
                }
                .login_check{
                    height: 15px;line-height: 15px;font-size: 12px;padding-top: 40px;
                    .lable{
                        [type='checkbox']{margin-right: 9px;float: left;position: relative;}
                        span{float: left;}
                    }
                    .login_host{float: right;a{color: #08C;}a:hover{text-decoration: underline;}}
                }
                .submit{
                    [type='submit']{width: 300px;height: 34px;background:#F40;line-height: 32px;border-radius: 3px;font-size: 16px;color: #FFF;letter-spacing: 15px;margin-top: 15px;display: inline-block;text-align: center;box-shadow: 0px 1px 2px #DBDBDB;border:none;font-family: "微软雅黑";}
                    [type='submit']:hover{background: #F22B00;}
                }
                .reguser{
                    color: #B3B3B3;text-align: right;margin: 15px 0px;height: 24px;line-height: 24px;
                    span{
                        a{width: 68px;text-align: center;border: 1px solid #DCDCDC;border-radius: 3px;display: block;float: right;background:#FFF;opacity: 0.98;color: #6C6C6C;margin-left: 5px;}
                    }
                }
            }
            .partner{
                margin: 40px 50px 0px;border-top: 1px solid #EDEDED;padding-top: 17px;
                p{line-height: 24px;}
                ul{
                    margin-top: 5px;width: 300px;height: 50px;
                    li{
                        width: 300px;height: 24px;display: block;float: left;background: url(../../Index/img/disanfang.png) no-repeat;
                        a{display: inline-block;float: left;height: 24px;}
                        .qq{width: 80px;}
                        .zhifubao{width: 100px;margin: 0px 10px;}
                        .sina{width: 90px;}
                    }
                }
            }
        }
    }
}
